/**
 * AJAX user login interface
 */

$(document).ready(function(){

    $('#submit').click(function(){

        $('#waiting').show(500);
        $('#loginForm').hide(0);
        $('#message').hide(0);

        $.ajax({
            type        : 'POST',
            url         : 'post.php',
            dataType    : 'json',
            data        : {
                email       : $('#email').val(),
                password    : $('#password').val(),
                tan         : $('#tan').val()
            },
            success     : function(data){
                $('#waiting').hide(500);
                $('#message').removeClass().addClass((data.error === true)
                    ? 'error' : 'success').text(data.msg).show(500);
                if (data.error === true) {
                    $('#tanRow').text(data.tan.row);
                    $('#tanColumn').text(data.tan.column);
                    $('#loginForm').show(500);
                }
            },
            error       : function(XMLHttpRequest, textStatus, errorThrown) {
                $('#waiting').hide(500);
                $('#message').removeClass().addClass('error')
                    .text('There was an error.').show(500);
                $('#loginForm').show(500);
            }
        });

        return false;
    });
});